<template>
  <BasicModal
    v-bind="$attrs"
    title=""
    :showOkBtn="false"
    :showCancelBtn="false"
    :maskClosable="true"
    @register="registerModal"
  >
    <!-- 居中 -->
    <div class="flex justify-center">
      <div class="text-center">
        <div class="text-4xl font-bold">
          <!-- <span class="text-black-500">开户信息&nbsp;&nbsp; </span>
          <span class="text-black-500"> {{ OpenedCount }}/ {{ TotalCount }}</span> -->
          <div class="text-black-500">{{ProjectStatus}}</div>
          <div class="text-2xl mt-8">{{ProjectSubStatus}}</div>
        </div>
      </div>
    </div>
  </BasicModal>
</template>
<script lang="ts">
  export default defineComponent({
    name: 'ViewsProcessWaterPmWaterModal',
    inheritAttrs: false,
  });
</script>
<script lang="ts" setup>
  import { defineComponent, ref } from 'vue';
  import { BasicModal, useModalInner } from '/@/components/Modal';
  // import {
  //   getBzStatus,
  // } from '/@/api/proj/info/pmProjectinformation';
  const ProjectStatus = ref('');
  const ProjectSubStatus = ref('');
  const [registerModal, { setModalProps }] = useModalInner(async (param = {}) => {
    setModalProps({
      title: param.projectno + '(' + param.projectname + ')',
    });
    // let res = await getBzStatus({ id: param.id });
    ProjectStatus.value = param.ProjectStatus || '';
    ProjectSubStatus.value = param. ProjectSubStatus || '';
   
  });
</script>
<style scoped>
  .flex {
    min-height: 100px;
    max-height: 100px;
    align-items: center;
  }
</style>
